<template>
  <div>
    <!-- 面包屑导航 -->
    <el-breadcrumb separator="/">
      <el-breadcrumb-item :to="{ path: '/home' }">
        <i class="el-icon-s-home"></i>
        首页
      </el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/limits/store/list' }">
        <i class="el-icon-monitor"></i>
        权限管理
      </el-breadcrumb-item>
      <!-- 当前 -->
      <el-breadcrumb-item>管理员管理</el-breadcrumb-item>
    </el-breadcrumb>
    <div style="padding: 40px">
        <div class="btnDiv">
          <el-button @click="Golist" :type="active" size="small">管理员列表</el-button>
          <el-button @click="GoAdd" :type="noActive" size="small" >添加管理员</el-button>
        </div>
        <router-view></router-view>
    </div>
  </div>
</template>
<script>
import { getLoginBx } from "../../utils/api"
export default {
  data() {
    return {
      active:'warning',
      noActive:'normal'
    }
  },
  created() {

  },
  mounted(){
  },
  methods: {
    // render(){
    //   getLoginBx().then(res=>{
    //     this.data = res.data.data
    //   })
    // },
    Golist(){
      this.$router.push('/limits/admin/list')
      this.active = 'warning',
      this.noActive = 'normal'
    },
    GoAdd(){
      this.$router.push('/limits/admin/addAdmin')
      this.active = 'normal'
      this.noActive = 'warning'

    }
  }
}
</script>
<style scoped>
table {
  margin-top: 30px;
  border: 1px solid #777777;
  border-collapse: collapse;
  text-align: center;
  width: 100%;
  font-size: 14px;
}

tr {
  height: 50px;
}

td {
  width: 150px;
  border: 1px solid #777777;
}

th {
  height: 50px;
  line-height: 50px;
  font-weight: normal;
  background-color: #F6F6F6;
  border: 1px solid #777777;
}
</style>